/* flex.scss */

/* 水平居中 */
.flex_hc {
    display: flex;
    justify-content: center;
  }
  
  /* 垂直居中 */
  .flex_vc {
    display: flex;
    align-items: center;
  }
  
  /* 水平垂直居中 */
  .flex_hvc {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  /* 左对齐 */
  .flex_left {
    display: flex;
    justify-content: flex-start;
  }
  
  /* 右对齐 */
  .flex_right {
    display: flex;
    justify-content: flex-end;
  }
  
  /* 上对齐 */
  .flex_top {
    display: flex;
    align-items: flex-start;
  }
  
  /* 下对齐 */
  .flex_bottom {
    display: flex;
    align-items: flex-end;
  }
  
  /* 水平分布（两端对齐） */
  .flex_hb {
    display: flex;
    justify-content: space-between;
  }
  
  /* 水平等间距 */
  .flex_he {
    display: flex;
    justify-content: space-around;
  }

   /* 左中右完全等边距 */
   .flex_se {
    display: flex;
    justify-content: space-evenly;
  }
  
  /* 列布局 */
  .flex_col {
    display: flex;
    flex-direction: column;
  }
  
  /* 行布局 */
  .flex_row {
    display: flex;
    flex-direction: row;
  }
  